<template>
    <Layout>
        <!-- <Breadcrumb title="Blog List View Sidebar" current-url="Blog List Sidebar"/> -->

        <div class="rn-blog-area rn-section-gap">
            <div class="container">
                <div class="row row--30">
                    <div class="col-lg-9">
                        <div class="row mt_dec--30">
                            <div class="col-lg-12">
                                <div class="row row--15">
                                    <div class="col-lg-12 mt--30"
                                         data-aos="slide-up"
                                         data-aos-duration="800"
                                         :data-aos-delay="100 + index"
                                         v-for="(blog, index) in postses"
                                         :key="index">
                                        <BlogTwoPost :blog="blog" blog-post-style="list"/>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-12">
                                <div class="row row--15">
                                    <div class="col-lg-12 mt--30"
                                         data-aos="slide-up"
                                         data-aos-duration="800"
                                         :data-aos-delay="100 + index"
                                         v-for="(blog, index) in postses2"
                                         :key="index">
                                        <BlogThreePost :blog="blog" blog-post-style="list"/>

                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-12 text-center">
                                <div class="rwt-load-more text-center mt--60">
                                    <a class="btn-default" href="/contact">
                                        联系我们 <Icon name="arrow-right"/>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-3 mt_md--40 mt_sm--40">
                        <BlogSidebar/>
                    </div>
                </div>
            </div>
        </div>
    </Layout>
</template>

<script>
    import Icon from '../components/icon/Icon'
    import BlogTwoPost from '../components/blog/BlogTwoPost'
    import BlogThreePost from '../components/blog/BlogThreePost'
    import Layout from '../components/common/Layout'
    import Breadcrumb from '../components/elements/breadcrumb/Breadcrumb'
    import BlogSidebar from '../components/blog/BlogSidebar'
    import BlogPostMixin from '../mixins/BlogPostMixin'

    export default {
        name: 'BlogListSidebarPage',
        components: {BlogSidebar, Icon, BlogTwoPost, Layout, Breadcrumb,BlogThreePost},
        mixins: [BlogPostMixin],
        data(){
            return{
                tabData: {
                    tabImage: 'tabs-01.jpg',

                },
            }
        }
    }
</script>